$color = #3CAFFF;

//去除1px误差
border-1px($color)
  position: relative
  &::after
    display: block
    position: absolute
    left: 0
    bottom: 0
    width: 100%
    border-top: 1px solid $color
    content: ' '

border-none()
  &::after
    border: none

//背景图片
bg-image($url, $width, $height)
  background-image: url($url);
  background-repeat: no-repeat;
  background-size: $width $height;

//边框圆角
border-radius($radius)
  -webkit-border-radius: $radius;
  -moz-border-radius: $radius;
  -ms-border-radius: $radius;
  -o-border-radius: $radius;
  border-radius: $radius;

//宽高
wh($width, $height)
  width: $width;
  height: $height;

//字体大小，颜色
size-color($size, $color)
  font-size: $size;
  color: $color;

//flex居中
fj($level, $vertical)
  display: flex;
  justify-content: $level;
  align-items: $vertical;

//遮罩层
modal($position,$index, $opacity)
  position: $position;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: $index;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, $opacity);

//溢出省略
ellipsis()
  overflow: hidden
  text-overflow: ellipsis
  -o-text-overflow: ellipsis
  white-space:nowrap
